<#import "../layout/common.html" as com> 
<@com.page title="Nhạc DJ" pageId="pageDj" data={'css':'dj/dj', 'js':'dj/dj', 'ver':'a05'}>

<div class="space">
	<div class="panel panel-default head-tab">
		<div class="panel-heading">
			<ul class="nav nav-tabs" id="djHomeTabs">
				<li class="active"><a href="#dj-new" data-toggle="tab">MỚI</a></li>
				<li><a href="#dj-hot" data-toggle="tabajax" ajax-href="/app/dj/top/2">HOT</a></li>
				<li><a href="#dj-vote" data-toggle="tabajax" ajax-href="/app/dj/top/4">TUYỂN</a></li>
			</ul>
		</div>
		<div class="tab-content" id="djSongLists">
			<div class="tab-pane active" id="dj-new">
				<div class="space">Nhạc nonstop mới</div>
				<div class="list-group">
				<#include "dj-songs.html"/>
				</div>
			</div>
			<div class="tab-pane" id="dj-hot">
				<div class="space">Nonstop hot</div>
				<div class="list-group"><div class="space">Loading...</div></div>
			</div>
			<div class="tab-pane" id="dj-vote">
				<div class="space">Nonstop tuyển chọn</div>
				<div class="list-group"><div class="space">Loading...</div></div>
			</div>
		</div>
	</div>
</div>

</@com.page>